<!DOCTYPE html>
<html dir="ltr" lang="en-US" >
<head>
<meta charset="UTF-8" />
<meta name="robots" content="index, follow" />

<!-- page title -->
<title>Grandon HTML Template</title>


<!-- add css stylesheets -->	
<link rel="stylesheet" href="css/style.css"/>
<link rel="stylesheet" href="css/base.css"/>
<link rel="stylesheet" href="css/skeleton.css"/>
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen"/>

<!-- Pretty Photo -->
<link rel="stylesheet" type="text/css" href="css/prettyPhoto.css"/>


<!--[if gte IE 8]>
	<link rel="stylesheet" media="screen" type="text/css" href="css/ie8up.css" />
<![endif]-->
<!--[if gte IE 9]>
	<link rel="stylesheet" media="screen" type="text/css" href="css/ie8up.css" />
<![endif]-->



<!-- mobile setting -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

<!-- Favicon -->
<link rel="shortcut icon" href="images/favicon.html">


<!-- jquery -->
<script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="js/jquery.carouFredSel-6.1.0-packed.js" type="text/javascript"></script>
<script src="js/jquery.tipsy.js" type="text/javascript"></script>
<script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="js/jquery.iconshadow.js" type="text/javascript"></script>
<script src="js/jquery.flexslider-min.js" type="text/javascript"></script>
<script src="js/superfish.js" type="text/javascript"></script>
<script src="js/jquery.color.js" type="text/javascript"></script>
<script src="js/custom.js" type="text/javascript"></script>
<script src="js/jquery.cycle.all.js"  type="text/javascript"></script>
<script src="js/modernizr.custom.js"  type="text/javascript"></script>
<script src="js/jquery.fitvids.js"  type="text/javascript"></script>
<script src="js/jquery.ui.totop.js"  type="text/javascript"></script>
<script src="js/jquery.prettyPhoto.js"></script>
<script type="text/javascript" src="js/jquery.twitter.js"></script>
 



</head>
<body>	


<!-- Image Back ground and pattern Back ground  -->
   
    <!-- <div id="pattern_bg"></div>  -->
     <img src="images/large/bg.jpg" alt="" id="background" />

<div class="header_top_first">
		<div class="container sixteen columns header_top_inner">
	    	<div class="eight columns align_left">
				<div class="testimonials">
				            <div class="testi_icon"></div>
                        	<ul>
									<li>
                            		<div class="testi-text dro">Welcome to Grandon Marketing solution for any company</div>                                  
                                    </li>
									<li>
                            		<div class="testi-text dro">showing what are you doing to everyone in the world</div>                                  
                                    </li>
									
                            </ul>						
                </div>			
			</div>
			
		
				<div class="top_info">
					<p>
					
                    <a href="#">About us</a>&nbsp; &nbsp;
                    <a href="#">Pricing</a>&nbsp; &nbsp; 
                    <a href="#">Site map</a>

					</p>		
				</div>
						
        </div>  
  <div class="clear"></div>		
</div>

<div class="header_top_second">

<div class="container sixteen columns header_top_second_inner">

<div class="four columns align_left logo"><a href="#"><img src="images/logo.png" alt="" /></a></div>

<div class="contact_head">
   <div class="top_home_wrapper">
    <div class="top_home_icon"></div><h6>Hong kong 32 street, Ladue city </h6>
	<div class="clear"></div>
   </div>   
   <div class="top_home_call"> Tel : +7780-2225-779 </div>
</div>

</div>
<div class="clear"></div>
</div>
		
<!-- Main header -->
<div id="main_wrapper">
	<div class="main_wrapper_inner">
      
      <!-- Header -->
              <div class="header_menu">
			     <div class="header_top_inner">
				    <div class="container sixteen columns">
				         <!-- begin navigation -->
					 <div class="main_menu">
						<nav id="dropdown">
							<ul class="sf-menu clearfix">								
								<li><a href="index.html" class="trigger"><span><i class="icon-home"></i>Home</span></a>
									<ul>
										<li><a href="index-2.html">Style 1</a></li>
										<li><a href="index2.html">Style 2</a></li>
										<li><a href="index3.html">Style 3</a></li>
										<li><a href="index4.html">Style 4</a></li>
										<li><a href="index5.html">Style 5</a></li>
									</ul>
								</li>
								<li><a href="#" class="trigger"><span><i class="icon-feature"></i>Features</span></a>
									<ul>
										<li><a href="about.html">About Us</a></li>
										<li><a href="service.html">Our service</a></li>
										<li><a href="shortcodes.html">shortcodes</a></li>
										<li><a href="tables.html">Table price</a></li>
										<li><a href="#" class="trigger">Example submenu</a>
												    <ul>
														<li><a href="#">submenu test 1</a></li>
														<li><a href="#">submenu test 2</a></li>
														<li><a href="#">submenu test 3</a></li>
													</ul>
										</li>
										<li><a href="full_width_page.html">Full Page</a></li>
										<li><a href="page_right_sidebar.html">Page with Right Sidebar</a></li>
										<li><a href="page_left_sidebar.html">Page with Left Sidebar</a></li>
									</ul>
								</li>
                                <li><a href="about.html" class="trigger"><span><i class="icon-staff"></i>Staffs</span></a></li>	
                                <li><a href="service.html" class="trigger"><span><i class="icon-service"></i>Services</span></a></li>									
								<li><a href="portfolio.html" class="trigger"><span><i class="icon-port"></i>Portfolio</span></a>
									<ul>
										<li><a href="portfolio4.html">Portfolio 4 columns</a></li>
										<li><a href="portfolio3.html">Portfolio 3 columns</a></li>										
										<li><a href="portfolio_single.html">Portfolio single</a></li>
									</ul>
								</li>
								<li><a href="blog.html" class="trigger"><span><i class="icon-blog"></i>Blog</span></a>
									<ul>
										<li><a href="blog.html">Blog Style 1</a></li>
										<li><a href="blog1.html">Blog Style 2</a></li>
										<li><a href="blog2.html">Blog style 3</a></li>
										<li><a href="blog_post.html">Single Blog Post</a></li>										
									</ul>
								</li>
								<li><a href="contact.html"><span><i class="icon-contact"></i>Contact</span></a></li>
								<li><a href="contact.html"><span>Contact</span></a></li>
							</ul>
						</nav>	
                       </div>						
				 <!-- end navigation -->
					</div> <!-- End six teen columns -->
			     </div>
			  </div> <!-- End header top -->
    
	
<div class="content">		
				
<div class="content_wrapper">	
		   
	  <div class="page_title_wrapper">
	    <div class="container sixteen columns">
          <div class="page_title_inner">	      			       	
				<span class="main_t_1"> About Our Company </span><span class="main_t_2">&nbsp; - &nbsp;  Who we are and what we do </span>
		  </div>			
        </div>			
      </div> <!-- End page title wrapper -->
	<div class="clear"></div>	 
	
<div class="content_wrapper_inner">	
<div class="container">


<div class="who_wrapper">
			        					
		 <div class="sixteen columns">
				 <div class="pb_title_wrapper">
                 <h3 class="pb_title1"> Who are we?</h3>                                
                 <div class="clear"></div> 				   
                 </div>         				 
		  </div>  
	    <div class="clear"></div>
		<div class="twelve columns">
           <p><strong>This pre-prototype Ramgen Engine operated through early 2007, by which time the Company had secured enough data to support the further development of 
		   its technology, all we need to do is provide a good things to our customers.</strong><br><br> The collapse of the private and public new energy sector equity markets in the summer and fall of 2007 effectively prevented the Company 
		   from securing the funding it required and in early 2007, Ramgen began re-evaluating its options for developing.This process was accelerated in April 2007 when the DOE/NETL sponsored a formal Design Review that included Company, 
		   DOE, NASA and DOD scientists, This Design Review team confirmed the scientific validity of the Ramgen technology and developed an approach in which essential components of the overall 
		   technology were to be systematically completed. We do our best to solve any problem on your markeing issue, why don't you trust us ? we are your first choice.
		   <div class="notification notice">
				<p><span>Info! &nbsp;</span> Please apply your application before 03 March 2013, thank you for your attention</p>
			</div>
		   </p>
		   
		   </div>
		<div class="four columns">
		   <div class="join_team_wrapper">
		     <div class="join_team_wrapper_innner">
			  <h5 class="color_hi text_shadow"> Be one of our team </h5>
			  <p>
			  <ul class="tick">
						   <li>Good salary</li>
                	       <li>Wherever you are</li>
                           <li>Quality training</li>
						   <li>Guaranteed career</li>
                        </ul>
			  </p>
			  <div class="team_bt_holder">
			  <a href="#" class="button align_right"><h4 class="white_color">Join now</h4></a>
			  </div>
			  <div class="clear"></div>
			 </div>
		   </div>
		</div>
		<div class="clear"></div>
</div>


<div class="border_divider"></div>

<!-- Start team -->

 <div class="first_wrapper">
			        					
		 <div class="sixteen columns">
				 <div class="pb_title_wrapper">
                 <h3 class="pb_title1"> Our awesome team</h3>                                
                 <div class="clear"></div> 				   
                 </div>         				 
		  </div>  
	    <div class="clear"></div> 
        
	<div class="team_wrapper top25">
          <div class="one-third column">				 
				   <a href="#"><img src="images/team/a1.jpg" alt="" class="scale-with-grid" /></a>	
				  <div class="social_wrapper2">
				  <ul class="social_wrapper2_inner">				    
				   <li class="facebook"><a href="http://www.facebook.com/"></a></li>
				   <li class="twitter"><a href="http://twitter.com/"></a></li> 
				   <li class="dribbble"><a href="http://dribbble.com/"></a></li>					   
				  </ul>
				  </div> <!-- End social -->
                 	<div class="team_name">Morgan Nickon</div>
                    <div class="team_position">CEO</div>			   
				    <p class="team_content">
					Solomor ipsum dolor sit amet, consetetur decnro sadipscing elitr, sed diam nonumy eirmod tempo invidunt ut labore et dolore magna aliquyam erat,
					sed diam voluptua.
					</p>
		  </div>

          <div class="one-third column">				 
				   <a href="#"><img src="images/team/a2.jpg" alt="" class="scale-with-grid" /></a>
                  <div class="social_wrapper2">
				  <ul class="social_wrapper2_inner">				    
				   <li class="facebook"><a href="http://www.facebook.com/"></a></li>
				   <li class="twitter"><a href="http://twitter.com/"></a></li> 
				   <li class="dribbble"><a href="http://dribbble.com/"></a></li>					   
				  </ul>
				  </div> <!-- End social -->				   
                 	<div class="team_name">Lihannar Bochi</div>
                    <div class="team_position">Marketing Manager</div>			   
				    <p class="team_content">
					Solomor ipsum dolor sit amet, consetetur decnro sadipscing elitr, sed diam nonumy eirmod tempo invidunt ut labore et dolore magna aliquyam erat,
					sed diam voluptua.
					</p>
		  </div>

          <div class="one-third column">				 
				   <a href="#"><img src="images/team/a3.jpg" alt="" class="scale-with-grid" /></a>
                   <div class="social_wrapper2">
				  <ul class="social_wrapper2_inner">				    
				   <li class="facebook"><a href="http://www.facebook.com/"></a></li>
				   <li class="twitter"><a href="http://twitter.com/"></a></li> 
				   <li class="dribbble"><a href="http://dribbble.com/"></a></li>					   
				  </ul>
				  </div> <!-- End social -->			   
                 	<div class="team_name">Joceff Machkin</div>
                    <div class="team_position">Lead Programer</div>			   
				    <p class="team_content">
					Solomor ipsum dolor sit amet, consetetur decnro sadipscing elitr, sed diam nonumy eirmod tempo invidunt ut labore et dolore magna aliquyam erat,
					sed diam voluptua.
					</p>
		  </div>

          <div class="one-third column">				 
				   <a href="#"><img src="images/team/a4.jpg" alt="" class="scale-with-grid" /></a>	
				  <div class="social_wrapper2">
				  <ul class="social_wrapper2_inner">				    
				   <li class="facebook"><a href="http://www.facebook.com/"></a></li>
				   <li class="twitter"><a href="http://twitter.com/"></a></li> 
				   <li class="dribbble"><a href="http://dribbble.com/"></a></li>					   
				  </ul>
				  </div> <!-- End social -->
                 	<div class="team_name">Jenny Ardward</div>
                    <div class="team_position">HR Manager</div>			   
				    <p class="team_content">
					Solomor ipsum dolor sit amet, consetetur decnro sadipscing elitr, sed diam nonumy eirmod tempo invidunt ut labore et dolore magna aliquyam erat,
					sed diam voluptua.
					</p>
		  </div>

          <div class="one-third column">				 
				   <a href="#"><img src="images/team/a5.jpg" alt="" class="scale-with-grid" /></a>
                  <div class="social_wrapper2">
				  <ul class="social_wrapper2_inner">				    
				   <li class="facebook"><a href="http://www.facebook.com/"></a></li>
				   <li class="twitter"><a href="http://twitter.com/"></a></li> 
				   <li class="dribbble"><a href="http://dribbble.com/"></a></li>					   
				  </ul>
				  </div> <!-- End social -->				   
                 	<div class="team_name">Bond Jason</div>
                    <div class="team_position">PR Supportor</div>			   
				    <p class="team_content">
					Solomor ipsum dolor sit amet, consetetur decnro sadipscing elitr, sed diam nonumy eirmod tempo invidunt ut labore et dolore magna aliquyam erat,
					sed diam voluptua.
					</p>
		  </div>

          <div class="one-third column">				 
				   <a href="#"><img src="images/team/a6.jpg" alt="" class="scale-with-grid" /></a>	
				   <div class="social_wrapper2">
				  <ul class="social_wrapper2_inner">				    
				   <li class="facebook"><a href="http://www.facebook.com/"></a></li>
				   <li class="twitter"><a href="http://twitter.com/"></a></li> 
				   <li class="dribbble"><a href="http://dribbble.com/"></a></li>					   
				  </ul>
				  </div> <!-- End social -->
                 	<div class="team_name">Kim Robarto</div>
                    <div class="team_position">PR Supportor</div>			   
				    <p class="team_content">
					Solomor ipsum dolor sit amet, consetetur decnro sadipscing elitr, sed diam nonumy eirmod tempo invidunt ut labore et dolore magna aliquyam erat,
					sed diam voluptua.
					</p>
		  </div>		  
	  
	    <div class="clear"></div>  
	</div> <!-- End team wrapper -->	
</div>  <!-- End first wrapper -->
	
			
           </div> <!-- End Contain -->
		  </div> 	 <!-- End Content wrapper inner -->
        </div> 	 <!-- End Content wrapper -->	
    </div>	<!-- End content -->

    		<!-- Footer -->

         <footer id="footer">	
		  <div class="footer_support">
		      <div class="container sixteen columns">
				  <div class="footer_support_inner">
				     <i class="icon_vid_s"></i>
					 <div class="twelve columns">
					 <div class="text_support"> Video call supporting is the better way to asking us the question, <a href="#">Contact us now 24/7 </a></div>
					 </div>
				     <i class="icon_support_user"></i>
					 <div class="clear"></div>
				  </div>
			  </div>
		  </div> <!-- End support -->   
			<div class="container">
			  <div class="footer_inner"> 
			  
			    <div class="sixteen columns">
			        
				 <div class="four columns clearfix widget alpha">		
                      <div class="widget_text">
					    <img src="images/logo2.png" alt="" class="scale-with-grid" />	
                        <span class="foot_title">Company's name</span><br/>                       
                        <p>We suport 24/7, sed diam nonummy nibh euismod.Lorem ipsum dolor,sed diam nonumy eirmod tempor invid unt utat labore et dolore magna.  </p>
                  
                      </div>
                 </div>
				 
				  <div class="four columns widget">
                    <h5 class="widget_title">Popular blog post</h5>
                    <div class="widget_blogposts">
                        <ul>
                        	<li class="p_widget_inner clearfix">                            	
                                <div class="post_wiget_ti"><a href="#">Join us now, Start it</a></div>
								<img src="images/blog/s3.jpg" alt="" class="scale-with-grid" />	
								<p> 
								 Fames ac turpis egesda tas, vestibulum tortorina quam, feugiat
								</p>
								<div class="sub_date_wrapper">
                                  <span class="left sub_text3">11 Nov 2012</span>
								  <span class="right sub_text3"><a href="#"> 3 comments </a></span><span class="icon_comment"></span>								
								</div>
								<div class="clear"></div>  
                            </li>
                        	<li class="p_widget_inner clearfix">                            	
                                <div class="post_wiget_ti"><a href="#">What is branding</a></div>
								<img src="images/blog/s4.jpg" alt="" class="scale-with-grid" />
								<p> 
								 Fames ac turpis egesda tas, vestibulum tortorina quam, feugiat
								</p>
								<div class="sub_date_wrapper">
                                  <span class="left sub_text3">11 Nov 2012</span>
								  <span class="right sub_text3"><a href="#"> 1 comment </a></span><span class="icon_comment"></span>								
								</div>
								<div class="clear"></div>  
                            </li>
                        </ul>
                        <div class="clear"></div>
                    </div>
                 </div>
                
                <div class="four columns widget">
                    <h5 class="widget_title">Latest tweets</h5>
                    <div class="widget_tweets">
                       <div id="twitter"></div>                
				   </div>
                    
                </div>
                          
              <div class="four columns widget omega">
                    <h5 class="widget_title">Contact info</h5>
                <div class="widget_text">
                        <span class="foot_title">Company Location</span><br/>
                        <p>Hang Studios, Hongkar City<br/>
                        Load 32, Lie wei street<br/>
                        Building 32, Maoei, Hongkong</p>
                        
                        <span class="foot_title">How To Contact Us</span><br/>
                        <span class="icon_mail sub_text2"> <a href="mailto:your@email.com">you@yourdomain.com</a></span><br/>
                         <span class="icon_tele2 sub_text2"> 968-442-3301</span>
                </div>
              </div>
			
			
			
                 </div>
			   </div>
            </div>
		 </footer> <!-- End Footer -->


          <!-- Sub footer -->
		
		<div id="subfooter_wrapper">
		   <div class="container">
    	    <div class="subfooter">
        	<div class="eight columns power_bt">
			@ Mark 2 WordPress Theme by Decneo. - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a>			
			</div>
			
            <div class="eight columns">
			    <div class="social_wrapper">  
							<a href="#"><img src="images/facebook.png" alt="Twitter"/></a>
							<a href="#"><img src="images/google.png" alt=""/></a>
							<a href="#"><img src="images/twitter.png" alt=""/></a>
							<a href="#"><img src="images/fr.png" alt=""/></a>
							<a href="#"><img src="images/youtube.png" alt=""/></a>
							<a href="#"><img src="images/rss.png" alt=""/></a>	
				</div>
            </div>
            </div>
			</div>
        </div> <!-- End Sub footer -->
		
	</div> <!-- End main_wrapper_inner -->	   
</div> <!-- End main_wrapper -->
</body>
</html>